<html>
  <head>
    <base href="http://www.w3schools.com/images/"><base target="_blank">
    <title>hello, this is the title</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <style type="text/css">
      body {background-color:yellow}
      p {color:blue}
    </style>
    <meta http-equiv="refresh" content="30">
    </head>
<body>
<ol type='A' >
   <li><span>Item</span></li>
   <li><span>Item</span></li>
   <li><span>Item</span></li>
   <li><span>Item</span></li>
</ol>
<table class="reference">
<tbody>
  <tr>
<th align="left">Tag</th>
<th align="left">Description</th>
</tr>
<tr>
<td><a href="/tags/tag_div.asp">&lt;div&gt;</a></td>
<td>Defines a section in a document (block-level)</td>
</tr>
<tr>
<td><a href="/tags/tag_span.asp">&lt;span&gt;</a></td>
<td>Defines a section in a document (inline)</td>
</tr>
</tbody></table>
  <dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
  <ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
  <p>CSS can be added to HTML in the following ways:</p>
  <ul>
	<li>Inline - using the style<strong> attribute</strong> in HTML elements</li>
	<li>Internal - using the &lt;style&gt;<strong> element</strong> in the &lt;head&gt;
	section</li>
	<li>External - using an external CSS<strong> file</strong></li>
</ul>
<h1>This is heading 1</h1>
<a id="tips">Useful Tips Section</a>
<a href="#tips">Visit the Useful Tips Section</a>
<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>
<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
<hr>
<table class="reference">
<tbody><tr>
<th align="left" width="20%">Tag</th>
<th align="left" width="80%">Description</th>
</tr>
<tr>
<td><a href="/tags/tag_phrase_elements.asp">&lt;code&gt;</a></td>
<td>Defines computer code text</td>
</tr>
<tr>
<td><a href="/tags/tag_phrase_elements.asp">&lt;kbd&gt;</a></td>
<td>Defines keyboard text&nbsp;</td>
</tr>
<tr>
<td><a href="/tags/tag_phrase_elements.asp">&lt;samp&gt;</a></td>
<td>Defines sample computer code</td>
</tr>
<tr>
<td><a href="/tags/tag_phrase_elements.asp">&lt;var&gt;</a></td>
<td>Defines a variable</td>
</tr>
<tr>
<td><a href="/tags/tag_pre.asp">&lt;pre&gt;</a></td>
<td>Defines preformatted text</td>
</tr>
</tbody></table>
<div class="example">
<h2 class="example">HTML Text Formatting</h2>
<div class="example_result notranslate" style="font-size:120%;">
<b>This text is bold</b><br><br>
<i>This text is italic</i><br><br>
<code>This is computer output</code><br><br>
This is<sub> subscript</sub> and <sup> superscript</sup><br>
</div>
<br><a target="_blank" href="tryit.asp?filename=tryhtml_formatting" class="tryitbtn">Try it yourself »</a>
</div>
<table>
<tbody><tr>
<th align="left" width="15%">Attribute</th>
<th align="left" width="85%">Description</th>
</tr>
<tr>
<td>class</td>
<td>Specifies one or more classnames for an element (refers to a class in a style sheet)</td>
</tr>
<tr>
<td>id</td>
<td>Specifies a unique id for an element</td>
</tr>
<tr>
<td>style</td>
<td>Specifies an inline CSS style for an element</td>
</tr>
<tr>
<td>title</td>
<td>Specifies extra information about an element (displayed as a tool tip)</td>
</tr>
</tbody></table>
<ul>
	<li>An HTML element starts with a <b>start tag / opening tag</b></li>
  	<li>An HTML element ends with an <b>end tag / closing tag</b></li>
  	<li>The <b>element content</b> is everything between the start and the end tag</li>
	<li>Some HTML elements have <b>empty content</b></li>
	<li>Empty elements are <b>closed in the start tag</b></li>
	<li>Most HTML elements can have <b>attributes</b></li>
        <li>single quote is more powerfull than double quotes</li>
        <li>Always add a trailing slash to subfolder references</li>
</ul>
<img src="w3schools.jpg" width="104" height="142">
<p>Line breaks and multiple spaces are
ignored unless the text is preformatted.
<b>bold</b>, <i>italic</i> or <u>underlined</u>
<a name="SOMENAME">named points</a>
<a href="#SOMENAME">see also somename</a>
<img src="URL">
<pre><code>
>>> import os
>>> os
&lt;module 'os' from '/usr/lib/python2.7/os.pyc'&gt;
>>> os.getcwd()
'/media/sda7/active-directory/my_html'
>>> </code></pre>

<p xmlns="http://www.w3.org/1999/xhtml" class="postedit"><em>Last edited by Wintervenom (2010-03-11 09:01:29)</em></p>

<hr />&lt;
<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>Sorry, your &pound;browser does not support JavaScript!</noscript>
 <hr />
<p>This is a paragraph.</p>
<p>This is another<br /> paragraph.</p>
<a href="http://www.w3schools.com">This is a link</Actaeon>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<h1>My First Web Page</h1>
<p id="demo">This is a paragraph.</p>

<button type="button" onclick="displayDate()">Display Date</button>
<script type="text/javascript">
document.write("<p>" + Date() + "</p>");
</script>
</html>
